<html>
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<link type="text/css" rel="stylesheet" href="<?=base_url("css/trangchu_view.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/smoothness/jquery-ui-1.8.16.custom.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/start/ui.base.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/start/ui.all.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/jquery.motionCaptcha.0.2.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/start/ui.datepicker.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/jMenu.jquery.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/jRating.jquery.css")?>" />
        <link type="text/css" rel="stylesheet" href="<?=base_url("css/validationEngine.jquery.css")?>" />
		
		<script src="<?=base_url("js/jquery.min.js")?>"></script>
		<script src="<?=base_url("js/jquery-ui-1.8.16.custom.min.js")?>"></script>
        <script src="<?=base_url("js/jMenu.jquery.min.js")?>"></script>
        <script src="<?=base_url('js/ckeditor/ckeditor.js')?>"></script>
		<script>
            var time = 3000;
            function call(){
                $('.logo').animate({ opacity: 0.1, left: '+=50%'}, time, function(){});
                $('.logo').animate({ opacity: 1, left: '-=50%'}, time,function(){});
                setTimeout("call()", time);
            }
			$(document).ready(function(){
			    //hiệu ứng logo
                call();
                $('.new').click(function(){
                        $('.formError').remove();
                        $('#ui-datepicker-div').remove();
                });    
                $('#btn_timkiem').click(function(){
                    var timkiem = $('#timkiem').val();
                    $.ajax({
                        type: 'POST',
                        url: '<?=base_url('index.php/sanpham_controller/timkiemsanpham/')?>',
                        data :{timkiem : timkiem},
                        success: function(data){
                            $('.content').html(data);
                        }
                    });
                    $('.formError').remove();
                    $('#ui-datepicker-div').remove();
                });  
			});
		</script>
	</head>
	<body>
    <div class="wrapper">
		<div class="header">
            <img class="logo" alt="" src="<?=base_url()?>images/5star.jpg"/>
            <div class="login"><?php echo $dangnhap; ?></div>
        </div>
        <div id="menu" class="ui-widget-header ui-corner-all" >
            <?php echo $menu;?>
        </div>
        <div class="wrappercontent">
            <div class="content">
                <?php echo $sanpham?>
            </div>
            <div class="traitrai">
            <div class="timkiem">
                <button id="btn_timkiem" class="ui-button" title="tìm sản phẩm"> <span class="ui-icon ui-icon-search"></span></button>
                <input class="ui-widget" type="text" name="timkiem" id="timkiem"/>
            </div>
            <div class="new ui-widget-content">
                <?php echo $new;?>
            </div>
            </div>
        </div>
    </div>
	</body>
</html>